<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Internet Dreams</title>

<link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen" title="default" />
<!--[if IE]> <link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" /> <![endif]--><!-- jquery core -->
<script src="../js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script><!-- checkbox styling script -->
<script src="../js/jquery/ui.core.js" type="text/javascript"></script>
<script src="../js/jquery/ui.checkbox.js" type="text/javascript"></script>
<script src="../js/jquery/jquery.bind.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('input').checkBox();
$('#toggle-all').click(function(){
$('#toggle-all').toggleClass('toggle-checked');
$('#mainform input[type=checkbox]').checkBox('toggle');
return false;
});
});
</script><!--[if !IE 7]--><!-- styled select box script version 1 -->
<script src="../js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.styledselect').selectbox({ inputClass: "selectbox_styled" });
});
</script><!--[endif]--><!-- styled select box script version 2 -->
<script src="../js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
$('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
});
</script><!-- styled select box script version 3 -->
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
});
</script><!-- styled file upload script -->
<script src="js/jquery/jquery.filestyle.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$("input.file_1").filestyle({ image: "images/forms/upload_file.gif",
imageheight : 29,
imagewidth : 78,
width : 300
});
});
</script><!-- Custom jquery scripts -->
<script src="../js/jquery/custom_jquery.js" type="text/javascript"></script><!-- Tooltips -->
<script src="../js/jquery/jquery.tooltip.js" type="text/javascript"></script>
<script src="../js/jquery/jquery.dimensions.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('a.info-tooltip ').tooltip({
track: true,
delay: 0,
fixPNG: true, showURL: false,
showBody: " - ",
top: -35,
left: 5
});
});
</script><!-- date picker script -->
<link rel="stylesheet" href="../css/datePicker.css" type="text/css" />
<script src="../js/jquery/date.js" type="text/javascript"></script>
<script src="../js/jquery/jquery.datePicker.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function()
{
// initialise the "Select date" link
$('#date-pick')
.datePicker(
// associate the link with a date picker
{
createButton:false,
startDate:'01/01/2001',
endDate:'31/12/2020'
}
).bind(
// when the link is clicked display the date picker
'click',
function()
{
updateSelects($(this).dpGetSelected()[0]);
$(this).dpDisplay();
return false;
}
).bind(
// when a date is selected update the SELECTs
'dateSelected',
function(e, selectedDate, $td, state)
{
updateSelects(selectedDate);
}
).bind(
'dpClosed',
function(e, selected)
{
updateSelects(selected[0]);
}
);
var updateSelects = function (selectedDate)
{
var selectedDate = new Date(selectedDate);
$('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
$('#m option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected');
$('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
}
// listen for when the selects are changed and update the picker
$('#d, #m, #y')
.bind(
'change',
function()
{
var d = new Date(
$('#y').val(),
$('#m').val()-1,
$('#d').val()
);
$('#date-pick').dpSetSelected(d.asString());
}
);
// default the position of the selects to today
var today = new Date();
updateSelects(today.getTime());
// and update the datePicker to reflect it...
$('#d').trigger('change');
});
</script><!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix( );
});
</script>
</head>

<body>
<!-- Start: page-top-outer -->
<div id="page-top-outer"><!-- Start: page-top -->
<div id="page-top"><!-- start logo -->
<div id="logo"> <a href=""><img src="../images/shared/logo.png" alt="" height="40" width="156" /></a> </div>
<!-- end logo --><!-- start top-search -->
<div id="top-search">
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><input value="Search" onblur="if (this.value=='') { this.value='Search'; }" onfocus="if (this.value=='Search') { this.value=''; }" class="top-search-inp" type="text" /></td>
<td>
<select class="styledselect"><option value="">All</option><option value="">Products</option><option value="">Categories</option><option value="">Clients</option><option value="">News</option></select>
</td>
<td> <input src="../images/shared/top_search_btn.gif" type="image" /> </td>
</tr>
</tbody>
</table>
</div>
<!-- end top-search -->
<div class="clear"></div>
</div>
<!-- End: page-top -->
</div>
<!-- End: page-top-outer -->
<div class="clear">&nbsp;</div>
<!-- start nav-outer-repeat................................................................................................. START -->
<div class="nav-outer-repeat"><!-- start nav-outer -->
<div class="nav-outer"><!-- start nav-right -->
<div id="nav-right">
<div class="nav-divider">&nbsp;</div>
<div class="showhide-account"><img src="../images/shared/nav/nav_myaccount.gif" alt="" height="14" width="93" /></div>
<div class="nav-divider">&nbsp;</div>
<a href="" id="logout"><img src="../images/shared/nav/nav_logout.gif" alt="" height="14" width="64" /></a>
<div class="clear">&nbsp;</div>
<!-- start account-content -->
<div class="account-content">
<div class="account-drop-inner"> <a href="" id="acc-settings">Settings</a>
<div class="clear">&nbsp;</div>
<div class="acc-line">&nbsp;</div>
<a href="" id="acc-details">Personal details </a>
<div class="clear">&nbsp;</div>
<div class="acc-line">&nbsp;</div>
<a href="" id="acc-project">Project details</a>
<div class="clear">&nbsp;</div>
<div class="acc-line">&nbsp;</div>
<a href="" id="acc-inbox">Inbox</a>
<div class="clear">&nbsp;</div>
<div class="acc-line">&nbsp;</div>
<a href="" id="acc-stats">Statistics</a> </div>
</div>
<!-- end account-content --> </div>
<!-- end nav-right -->
<div class="nav">
		<div class="table">
		
		<ul class="select"><li><a href="#nogo"><b>Home</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub">
			<ul class="sub">
				<li><a href="#nogo">Dashboard Details 1</a></li>
				<li><a href="#nogo">Dashboard Details 2</a></li>
				<li><a href="#nogo">Dashboard Details 3</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
		<div class="nav-divider">&nbsp;</div>
		                    
		<ul class="select"><li><a href="#nogo"><b>PPM</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub show">
			<ul class="sub">
				<li><a href="#nogo">Tambah Pengajuan PPM</a></li>
				<li><a href="#nogo">Daftar Pengajuan PPM</a></li>
				<li><a href="#nogo">Daftar PPM Didanai</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
		<div class="nav-divider">&nbsp;</div>
		
		<ul class="select"><li><a href="#nogo"><b>Penawaran PPM</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub">
			<ul class="sub">
				<li><a href="#nogo">Tambah Karya Ilmiah</a></li>
				<li><a href="#nogo">Daftar Karya Ilmiah</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
		<div class="nav-divider">&nbsp;</div>
		
		<ul class="select"><li><a href="#nogo"><b>Karya Ilmiah Dosen</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub">
			<ul class="sub">
				<li><a href="#nogo">Tambah Karya Ilmiah</a></li>
				<li><a href="#nogo">Daftar Karya Ilmiah</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
		<div class="nav-divider">&nbsp;</div>
		
		<ul class="current"><li><a href="#nogo"><b>Pengelolaan Kerjasama</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub show">
			<ul class="sub">
				<li><a href="#nogo">Tambah Kerjasama</a></li>
				<li><a href="#nogo">Daftar Kerjasama</a></li>
				<li><a href="#nogo">Laporan Kegiatan Kerjasama</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
		<div class="clear"></div>
		</div>
		<div class="clear"></div>
		</div>
		<!--  start nav -->

</div>
<div class="clear"></div>
<!-- start nav-outer -->
</div>
<!-- start nav-outer-repeat................................................... END -->
<div class="clear"></div>
<!-- start content-outer -->
<div id="content-outer"><!-- start content -->
<div id="content">
<div id="page-heading">
<h1>Ubah Kegiatan Kerjasama </h1>
</div>
<table id="content-table" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<th rowspan="3" class="sized"><img src="../images/shared/side_shadowleft.jpg" alt="" height="300" width="20" /></th>
<th class="topleft"></th>
<td id="tbl-border-top">&nbsp;</td>
<th class="topright"></th>
<th rowspan="3" class="sized"><img src="../images/shared/side_shadowright.jpg" alt="" height="300" width="20" /></th>
</tr>
<tr>
<td id="tbl-border-left"></td>
<td><!-- start content-table-inner -->
<div id="content-table-inner">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr valign="top">
<td><!-- start step-holder -->

<!-- end step-holder --><!-- start id-form -->
<form action="ubahKerjaSama?idKerjaSama=${kerjasama.idKerjaSama}&&status=submit" method="POST">
<table id="id-form" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<th width="130" valign="top">Nama Instansi</th>
<td width="29" valign="middle" align="center">:</td>
<td width="403"><input class="inp-form" type="text" name="namaInstansi" value="${kerjasama.namaInstansi}"/></td>
<td width="187" >
<div class="error-left"></div>
<div class="error-inner">Field ini harus diisi.</div></td>
</tr>
<tr>
<th width="130" valign="top">No. SK Kerjasama</th>
<td width="29" valign="middle" align="center">:</td>
<td width="403"><input class="inp-form" type="text" value="${kerjasama.noSkKerjaSama}" name="skKerjasama"/></td>
<td width="187" >
<div class="error-left"></div>
<div class="error-inner">Field ini harus diisi.</div></td>
</tr>
<tr>
<th valign="top">Nama Kegiatan</th>
<td width="29" valign="top" align="center">:</td>
<td><textarea rows="" cols="" class="form-textarea" name="namaKegiatan">${kerjasama.namaKegiatan}</textarea></td>
<td>
<div class="error-left"></div>
<div class="error-inner">Field ini harus diisi.</div></td>
</tr>
<tr>
  <th valign="top">Jenis Instansi</th>
  <td width="29" valign="middle" align="center">:</td>
  <td>
  <select name="jenisInstansi" class="styledselect_form_1">
        <option value="0">-- Pilih Jenis Instansi --</option>
    <c:forEach items="${jenisInstansis}" var="jenisInstansi" >
	<option value="${jenisInstansi.idJenisInstansi}"
                <c:if test="${(jenisInstansi.idJenisInstansi == kerjasama.jenisInstansi.idJenisInstansi)}">
                    selected="selected"
                </c:if>
                >${jenisInstansi.jenisInstansi}</option>
    </c:forEach> 
  </select>
  </td>
  <td></td>
</tr>
<tr>
  <th valign="top">Tahun Mulai</th>
  <td width="29" valign="middle" align="center">:</td>
  <td>
  <select name="tahunMulai" class="styledselect_form_1">
  <option value="0">-- Pilih Tahun Mulai --</option>
    <option value="2006"
            <c:if test="${(kerjasama.tahunMulai=='2006')}">                
                selected="selected"
            </c:if>
            >2006</option>
    <option value="2007"
            <c:if test="${(kerjasama.tahunMulai=='2007')}">                
                selected="selected"
            </c:if>
            >2007</option>
    <option value="2008"
            <c:if test="${(kerjasama.tahunMulai=='2008')}">                
                selected="selected"
            </c:if>
            >2008</option>
    <option value="2009"
            <c:if test="${(kerjasama.tahunMulai=='2009')}">                
                selected="selected"
            </c:if>
            >2009</option>
    <option value="2010"
            <c:if test="${(kerjasama.tahunMulai=='2010')}">                
                selected="selected"
            </c:if>
            >2010</option>
    <option value="2011"
            <c:if test="${(kerjasama.tahunMulai=='2011')}">                
                selected="selected"
            </c:if>
            >2011</option>
    <option value="2012"
            <c:if test="${(kerjasama.tahunMulai=='2012')}">                
                selected="selected"
            </c:if>
            >2012</option>
    <option value="2013"
            <c:if test="${(kerjasama.tahunMulai=='2013')}">                
                selected="selected"
            </c:if>
            >2013</option>
  </select>
  </td>
  <td></td>
</tr>
<tr>
  <th valign="top">Tahun Selesai</th>
  <td width="29" valign="middle" align="center">:</td>
  <td><select name="tahunSelesai" class="styledselect_form_1">
  <option value="0">-- Pilih Tahun Selesai --</option>
    <option value="2006"
            <c:if test="${(kerjasama.tahunSelesai=='2006')}">                
                selected="selected"
            </c:if>
            >2006</option>
    <option value="2007"
            <c:if test="${(kerjasama.tahunSelesai=='2007')}">                
                selected="selected"
            </c:if>
            >2007</option>
    <option value="2008"
            <c:if test="${(kerjasama.tahunSelesai=='2008')}">                
                selected="selected"
            </c:if>
            >2008</option>
    <option value="2009"
            <c:if test="${(kerjasama.tahunSelesai=='2009')}">                
                selected="selected"
            </c:if>
            >2009</option>
    <option value="2010"
            <c:if test="${(kerjasama.tahunSelesai=='2010')}">                
                selected="selected"
            </c:if>
            >2010</option>
    <option value="2011"
            <c:if test="${(kerjasama.tahunSelesai=='2011')}">                
                selected="selected"
            </c:if>
            >2011</option>
    <option value="2012"
            <c:if test="${(kerjasama.tahunSelesai=='2012')}">                
                selected="selected"
            </c:if>
            >2012</option>
    <option value="2013"
            <c:if test="${(kerjasama.tahunSelesai=='2013')}">                
                selected="selected"
            </c:if>
            >2013</option>
  </select></td>
  <td></td>
</tr>
<tr>
  <th valign="top">Manfaat Kerjasama</th>
  <td valign="top" align="center">:</td>
  <td><textarea rows="" cols="" class="form-textarea" name="manfaatKerjasama">${kerjasama.manfaatKerjaSama}</textarea></td>
  <td></td>
</tr>
<tr>
  <th valign="top">Keterangan Kerjasama </th>
  <td valign="top" align="center">:</td>
  <td><textarea rows="" cols="" class="form-textarea" name="ketKerjasama">${kerjasama.keteranganKerjaSama}</textarea></td>
  <td></td>
</tr>
<tr>
<th>&nbsp;</th>
<td valign="top">&nbsp;</td>
<td valign="top"> 
    <input type="submit" value="" class="form-submit" />
    <input type="reset" value="" class="form-reset"  />
<td></td>
</tr>
</tbody>
</table>
</form>
<!-- end id-form --> </td>
<td><!-- start related-activities -->
<div id="related-activities"><!-- start related-act-top -->
<div id="related-act-top"> <img src="../images/forms/header_related_act.gif" alt="" height="43" width="271" /> </div>
<!-- end related-act-top --><!-- start related-act-bottom -->
<div id="related-act-bottom"><!-- start related-act-inner -->
<div id="related-act-inner">
<div class="left"><a href=""><img src="../images/forms/icon_plus.gif" alt="" height="21" width="21" /></a></div>
<div class="right">
<h5>Add another product</h5>
Lorem ipsum dolor sit amet consectetur adipisicing elitsed do eiusmod
tempor.
<ul class="greyarrow">
<li><a href="">Click here to visit</a></li>
<li><a href="">Click here to visit</a>
</li>
</ul>
</div>
<div class="clear"></div>
<div class="lines-dotted-short"></div>
<div class="left"><a href=""><img src="../images/forms/icon_minus.gif" alt="" height="21" width="21" /></a></div>
<div class="right">
<h5>Delete products</h5>
Lorem ipsum dolor sit amet consectetur adipisicing elitsed do eiusmod
tempor.
<ul class="greyarrow">
<li><a href="">Click here to visit</a></li>
<li><a href="">Click here to visit</a>
</li>
</ul>
</div>
<div class="clear"></div>
<div class="lines-dotted-short"></div>
<div class="left"><a href=""><img src="../images/forms/icon_edit.gif" alt="" height="21" width="21" /></a></div>
<div class="right">
<h5>Edit categories</h5>
Lorem ipsum dolor sit amet consectetur adipisicing elitsed do eiusmod
tempor.
<ul class="greyarrow">
<li><a href="">Click here to visit</a></li>
<li><a href="">Click here to visit</a>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
<!-- end related-act-inner -->
<div class="clear"></div>
</div>
<!-- end related-act-bottom --> </div>
<!-- end related-activities --></td>
</tr>
<tr>
<td><img src="images/shared/blank.gif" alt="blank" height="1" width="695" /></td>
<td></td>
</tr>
</tbody>
</table>
<div class="clear"></div>
</div>
<!-- end content-table-inner -->
</td>
<td id="tbl-border-right"></td>
</tr>
<tr>
<th class="sized bottomleft"></th>
<td id="tbl-border-bottom">&nbsp;</td>
<th class="sized bottomright"></th>
</tr>
</tbody>
</table>
<div class="clear">&nbsp;</div>
</div>
<!-- end content -->
<div class="clear">&nbsp;</div>
</div>
<!-- end content-outer -->
<div class="clear">&nbsp;</div>
<!-- start footer -->
<div id="footer"><!-- start footer-left -->
<div id="footer-left"> Admin Skin © Copyright Internet
Dreams Ltd. <a href="">www.netdreams.co.uk</a>. All
rights reserved.</div>
<!-- end footer-left -->
<div class="clear">&nbsp;</div>
</div>
<!-- end footer -->
</body></html>